<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="../js/vue.js" type="text/javascript"></script>
    </head>
    <body>
        <!-- 
            1.要使用vue就得创建一个vue实例，传入一个配置对象
            2.容器被称为vue模板
            3.vue实例和容器是一一对应的
            4.真实开发只有一个vue实例，配合组件使用
            5.{{}}里面写js表达式(一个表达式会产生一个值)
            6.data中数据发生变化页面中用到它的地方也会更新
        -->
        <!-- 容器 -->
        <div id="root">
            <h1>Hello,{{name}}</h1>
        </div>
        <script>
            Vue.config.productionTip = false;//阻止Vue在启动时产生生产提示
            // vue实例
            new Vue({
                el:"#root",
                data:{
                    name:"尚硅谷"
                }
            });
        </script>
    </body>
</html>